<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" type="text/css" href="{{CDN}}/easyui/themes/default/easyui.css">
		<link rel="stylesheet" type="text/css" href="{{CDN}}/easyui/themes/icon.css">
		<script type="text/javascript" src="{{CDN}}/easyui/jquery.min.js"></script>
		<script type="text/javascript" src="{{CDN}}/easyui/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="{{CDN}}/easyui/locale/easyui-lang-zh_CN.js"></script>
		<script>
		$(function(){
			$("#grid").datagrid({
				singleSelect:true,
				fit:true,
				fitColumns:true,
				collapsible:true, 
				striped:true,
				rownumbers:true, 
				columns:[[    
                    {field:'CK',checkbox:true},
                    {field:'data_source',title:'数据源',width:70,align:'left'},
			        {field:'cert_type',title:'证书类型',width:70,align:'left'},
			        {field:'profession',title:'专业',width:100,align:'left'},
			        {field:'person_type',title:'人员类型',width:100,align:'left'}
			    ]],
                url:'/commonDict/personCertUnMatch/getPersonCertUnMatchList',
                queryParams:{
                        data_source:$("#data_source").textbox("getValue"),
                        search_key:$("#search_key").textbox("getValue")
                    },
			    pagination:true,
			    pageSize:30,
			    pageList:[10,20,30,50,100,200,500]
			})
			
			//查询按钮
			$("#search_btn").click(function(){
				$("#grid").datagrid({
					queryParams:{
                        data_source:$("#data_source").textbox("getValue"),
                        search_key:$("#search_key").textbox("getValue")
                    }
				})
			});
			
        })
		</script>
	</head>
	<body>
		<table id="grid" data-options="toolbar:'#toolbar'">
            <div id = 'toolbar'>
                <select id="data_source" class="easyui-combobox" name="data_source" style="width:200px;">   
                        <option value="build">建设厅</option>   
                        <option value="dataShare">数据共享平台</option>   
                        <option value="publicService">全国建设市场公共平台</option> 
                        <option value="traffic">交通</option> 
                        <option value="water">水利</option>  
                </select>
                关键字：<input class="easyui-textbox"  id ="search_key" name="key" style="width:300px"  />
                <a href="#" id="search_btn" class="easyui-linkbutton"	 data-options="iconCls:'icon-search'"  >查询</a>
                <a href="#" id='add_btn' class="easyui-linkbutton" data-options="iconCls:'icon-add'">新增</a>
                <a href="#" id='edit_btn' class="easyui-linkbutton" data-options="iconCls:'icon-edit'">编辑</a>
            </div>
        </table>
	</body>
</html>